﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="EditHtml.aspx.cs" Inherits="TwiplerWeb.Settings.Theme.EditHtml" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>

	<script src="../scripts/jquery.1.4.min.js" type="text/javascript" ></script>

	<script type="text/javascript">
		$(document).ready(function() {

			$(window).resize(function(event) {


			$('.editarea').width($(window).width() - 204);
			$('.editarea').height($(window).height() - 103);

			});



		});

</script>

<style type="text/css">
* 
{ 
	margin: 0px;
	padding: 0px;
}

html, body, form
{
	height: 100%;
}

.page
{
	position: relative;
	height: 100%;
}


.header 
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 60px;
	width: 100%;
	
	
	background: #eee;
}


.leftbar
{
	width: 200px;
	background: #fee;	
	height: 100%;
}

.leftbar div.inner
{
	/* take into consideration header & footer heights */ 
	padding: 60px 0px 60px 0px; 	
}

.editarea
{
	position:absolute;
	top: 60px;
	left: 0px;
	margin-left: 200px;	
}

.footer
{
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 40px;	
	background: #efe;
	z-index: 20;
}

</style>


</head>
<body>
    <form id="form1" runat="server">

	

	<div class="page">
		<div class="header">
			banner
		</div>

		<div class="leftbar">
			<div class="inner">
				left bar
			</div>
		</div>

	    
		<div class="editarea">
			<asp:TextBox id="txtHtml" runat="server" TextMode=MultiLine Height="100%" Width="100%" />
		</div>
	
		<div class="footer">
			footer
		</div>

	</div>
	

    </form>
</body>
</html>
